<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap 101 Template</title>
    <link href="../lib/bootstrap/css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/gsproduct2.css">
    <link rel="stylesheet" href="../css/base.css">
    <!--[if lt IE 9]>
      <script src="./lib/html5shiv/html5shiv.min.js"></script>
      <script src="./lib/respond/respond.js"></script>
    <![endif]-->
</head>

<body>
    <!-- 凑单品顶部 -->
    <div class="single-top">
        <a href="../index.html" class="t-left glyphicon glyphicon-menu-left fl"></a> 凑单品
        <a href="javascript:;" class="t-right fr">
            <img src="../images/header_app.png" alt="" width="34px">
        </a>
    </div>

    <!-- 下拉项的导航 -->
    <div class="single-nav">
        <div class="container">
            <div class="row">
                <!-- 京东等店铺 -->
                <div class="col-xs-3 c">
                    <button class="btn btn-default dropdown-toggle jd_bth" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true"
                        aria-expanded="true">
                        京东
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu jd " aria-labelledby="dropdownMenu1">
                    </ul>
                </div>
                <!-- 华北等区域 -->
                <div class="col-xs-3 husbei">
                    <button class="btn btn-default dropdown-toggle north-btn" type="button" id="dropdownMenu" data-toggle="dropdown" aria-haspopup="true"
                        aria-expanded="true">
                            华北
                            <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu hNorth" aria-labelledby="dropdownMenu">
                    </ul>
                </div>
                <!-- 价格 -->
                <div class="col-xs-4">
                    <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu3" data-toggle="dropdown" aria-haspopup="true"
                        aria-expanded="true">
                            全部价格
                            <span class="caret"></span>
                    </button>
                </div>
                <div class="col-xs-2">
                    <a href="javascript:;" class="search glyphicon glyphicon-search">
                    </a> 
                </div>
            </div>
        </div>
    </div>

    <!-- 商品内容 -->
    <div class="content">
        <ul class="t-content clearfix">
        </ul>
    </div>

    <!-- 下拉项导航的模板  -->
    <!-- 京东店铺模板 -->
    <script type="text/template" id="jingDong">
        <%for(var i = 0; i < result.length; i++) { %>
            <li data-id="<%=result[i].shopId%>" class="<%=i==0?'active':''%>"><a href="javascript:;"><%=result[i].shopName%></a></li>
        <% }%>
    </script>

    <!-- 商品内容的模板 -->
    <script type="text/template" id="tContent">
        <%for(var i=0;i < result.length;i++){ %>
            <li data-id="<%=result[i].shopId%>">
                <a href="javascript:;">
                    <img src="<%=result[i].productImg%>" alt="">
                    <p><%=result[i].productName%></p>
                    <span class="left"><%=result[i].productPrice%></span><span class="go">去凑单</span>
                </a>
            </li>
        <% }%> 
    </script>

    <!-- 华北等区域的模板 -->
    <script type="text/template" id="huaBei">
        <%for(var i=0; i < result.length;i++){ %>
            <li data-id="<%=result[i].areaId%>" class="<%=i==0?'active':''%>"><a href="javascript:;"><%=result[i].areaName%></a></li>
        <% }%>
    </script>

    <script src="../lib/jquery/jquery.js"></script>
    <script src="../lib/bootstrap/js/bootstrap.js"></script>
    <script src="../js/template-web.js"></script>
    <script src="../js/gsproduct.js"></script>
</body>

</html>